<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html>
<head>

    <meta charset="UTF-8">
    <title>图书展示页面</title>
    <style>

       table.t1{
           width: 500px;
           height:500px;
           border-collapse: collapse;
           top: 5%;
           text-align: center;

       }

       #main{
           width: 1200px;
           height: 600px;
           margin: 0 auto;
           border: 1px solid #F00;
           text-align: center;

           position: fixed;
       }
       .text1{
           right: 300px;
           top: 0;

           position: fixed;

       }


    </style>
</head>
<body>
<img width="100%" height="100%" src="image/yj01.jpg" style="position:absolute; left:0; top:0; z-index:-1;"/>
<div id="main">
    <table class="t1" border="1" align="center"  >
        <tr>
            <td >书的编号</td>
            <td >书的名字</td>
            <td >书的类型</td>
            <td>图书数量</td>
        </tr>
<!--        <tr th:each="book : ${books}">-->

<!--            <td th:text="${book.getBookId()}" ></td>-->
<!--            <td th:text="${book.getBookName()}"><a th:href="@{/bookId01}"></a> </td>-->
<!--            <td th:text="${book.getBookStatus()}"></td>-->
<!--            <td th:text="${book.getBookDes()}"></td>-->
<!--        </tr>-->


<!--        <tr th:each="book : ${books}" >-->
<!--            <td  th:text="${book.getBookId()}"></td>-->
<!--            <td  th:text="${book.getBookName()}"><a th:href="@{/bookId02}"></a></td>-->
<!--            <td th:text="${book.getBookStatus()}"></td>-->
<!--            <td th:text="${book.getBookDes()}"></td>-->
<!--        </tr>-->
<!--        <tr  th:each=" address : ${addresses}" >-->
<!--            <td  ><a th:href="@{ ${address}  }">你好</a></td>-->
<!--        </tr>-->
        <tr th:each="book:${books}" >
            <td ><a th:text="${book.getBookId()}" ></a></td>
            <td  ><a th:text="${book.getBookName()}"></a></td>
            <td ><a th:text="${book.getBookDes()}"></a></td>
            <td><a th:text="${book.getBookNumber()}"   ></a></td>
        </tr>

    </table>
    <form action="search" method="post">

        <div class="text1" style="margin-bottom: 50px " align="right" >
            <input name="bookName" type="text" class="form-control" id="inputPassword3" placeholder="输入搜索的书籍名称：" style=" height:50px;width: 200px;font-size: 20px">
            <button type="submit" class="btn btn-primary btn-lg" style="margin-top:50px;width: 100px;font-size: 20px;font-weight: bold">Go！</button><br>
            <button type="submit" class="btn btn-primary btn-lg" style="margin-top:50px;width: 100px;font-size: 20px;font-weight: bold"><a th:href="@{/back}">Borrow!</a></button><br>
            <button type="submit" class="btn btn-primary btn-lg" style="margin-top:50px;width: 100px;font-size: 20px;font-weight: bold" ><a th:href="@{/returnBook}">Return!</a></button><br>
            <button type="submit" class="btn btn-primary btn-lg" style="margin-top:50px;width: 120px;font-size: 20px;font-weight: bold" ><a th:href="@{/leaveMsg}">LeaveMsg!</a></button>
        </div>

    </form>




</div>

</body>

</html>